@import "./transition";
@import "./element-plus";
@import "./sidebar";
@import "./dark";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;

  // 背景色
  --an-background-color: #f4f9ff;

  // 主色
  --an-primary-color: #0c78e1;
  --an-primary-hover-color: #68b5ff;
  --an-primary-active-color: #0960b5;
  --an-primary-bright-color: #c6e3ff;

  // 辅助色
  --an-green-color: #36c1cd;
  --an-yellow-color: #f90;
  --an-purple-color: #8d50e6;
  --an-dark-color: #01f0ff;

  // 文字颜色
  --an-success-color: #67c23a;
  --an-warning-color: #e6a23c;
  --an-danger-color: #f56c6c;
  --an-info-color: #909399;

  // #606266 #f5f7fa
  // 中性色
  --an-primary-text-color: #303133;
  --an-regular-text-color: #606266;
  --an-secondary-text-color: #909399;
  --an-placeholder-text-color: #a8abb2;
  --an-mask-layer-color: #000;
  --an-base-border-color: #303133;
  --an-darker-fill-color: #f0f2f5;
  --an-page-backgroung-color: #f2f3f5;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}
